<!DOCTYPE html>
<html>

<head lang="zh-CN">
    <meta charset="utf-8">
    <title>菜</title>
    <style>
        .hz1 {
            margin: 0px auto;
            background-color: skyblue;
            border: 5px solid black;
            width: 500px;
            height: 200px;
            white-space: nowrap;
            display: -webkit-box;
            /* 转换盒子模型为弹性盒子模型*/
            -webkit-line-clamp: 1;
            /* 限定显示的文本行数 */
            -webkit-box-orient: vertical;
            /* 让里面所有元素垂直居中 */
        }
        
        .hz1 img {
            float: left;
            height: 100%;
            margin-right: 10px;
        }
    </style>
</head>

<body>
    <div class="hz1">
        <img src="..//media_resourcing/bande.png" alt="马邦德">
        <p>我说我当不了这个县长,你非得花钱给我买这个官。</p>
        <p>现在倒好,现在官倒是到手了,你倒这么走了！</p>
        <p>她是我老婆！</p>
        <p>我就是县长！</p>
        <p>我就是马邦德！！！</p>
    </div>
</body>

</html>